<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../sass/header.css">
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    .box {
        box-sizing: border-box;
        width: 100%;
        margin: 0 auto;
        border-top: 2px solid black;
    }

    .box table {
        width: 1200px;
        margin: 0 auto;
        border: 1px solid rgba(7, 4, 4, 0.712);
        border: 1px solid gray;
        border-collapse: 0;
    }

    .box2 {
        width: 1200px;
        float: right;
        text-align: right;
        margin-right: 200px;
    }

    .box table tr {
        height: 100px;
        background-color: rgba(161, 165, 165, 0.521);
    }

    td {
        width: 150px;
        height: 100px;
        text-align: center;
    }

    .box table input[name='amount'] {
        width: 60px;
        text-align: center;
    }

    .samll {
        font-size: 14px;
    }

    .checkbox-item,
    .checkbox-all {
        width: 50px;
    }

    .box img {
        width: 100px;
        height: 100px;
    }

    .box table a {
        width: 100px;
        background-color: rgba(29, 14, 235, 0.349);
        font-size: larger;
        display: block;
        text-align: center;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
    }

    .box2 {
        float: right;
    }

    .minus {
        width: 20px;
    }

    .plus {
        width: 20px;
    }

    .box .a,
    .box .del {
        font-size: 16px;
        text-decoration: none;
        background-color: rgba(0, 139, 139, 0.74);
        color: black;
        margin-left: 20px;
    }
    .b{
        margin-left: 160px;
        text-decoration: none;
       
    }
</style>

<body>
    <!-- 头部 -->
    <div id="detail-header"></div>
    <div class="box">
        <h2  class="b">购物车</h2>
        <a href="../pages/index.html"  class="b">返回首页</a>
        <a href="../pages/detail.html"  class="b">返回详情页</a>
        <table>


        </table>
        <div class="box2">总价￥：<span class="span"></span></div>
    </div>
    <!-- 尾部 -->
    <div id="detail-foot"></div>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/cart.js"></script>
</body>

</html>